@import '../../ui/base'

.root
	cursor pointer
	display inline-block
	line-height 30px
	margin-right 10px
	> div
		display flex
		align-items center
		position relative
	input
		-webkit-appearance none
		width 12px
		height 12px
		border 1px solid #b1b1b1
		cursor pointer
	&.active
		i
			border-color $font-blue
	&.disabled
		cursor not-allowed
		label
			cursor not-allowed
		input
			border-color #e0e0e0
			cursor not-allowed
		i
			display none
		&.active
			i
				display inline
				border-color #e0e0e0
	i
		width 8px
		height 4px
		display block
		position absolute
		transform rotate(-50deg)
		border-left 2px solid transparent
		border-bottom 2px solid transparent
		left 2px
		top 4px
		transition border-color .2s
	label
		padding-left 5px
		line-height 1
		cursor pointer
		-webkit-user-select none
		color #7793b2
